$(function () {
  // 1.获取分类列表供用户选择
  function cateInit() {
    $.ajax({
      url: bignews.category_list,
      success(res) {
        console.log(res.data);
        const htmlStr = template('cateTemp', res);
        $('#cateList').html(htmlStr);
      }
    });
  }
  cateInit();

  // 2.监听图片选择事件，预览图片
  $('#inputCover').on('change', function () {
    // 1.获取选择图片
    let myFile = $('#inputCover')[0].files[0];
    // 2.将图片转换呢为可显示的地址
    let url = URL.createObjectURL(myFile);
    // 3.替换原来的img src
    $('.article_cover').attr('src', url);
  });


  function submitPost(state) {
    // 没用办法直接获取富文本框字段
    // 只能调用富文本插件的方法
    // console.log($('#articleContent').val());
    // console.log(tinymce.activeEditor.getContent());
    // 发布按钮被点击
    // 由于发布文章里面带有图片
    // 不能使用字符串带参方式，需要使用 formData 方式转换为字符串
    let data = new FormData($('#form')[0]);
    // 这个富文本框数据需要另外获取
    data.append('content', tinymce.activeEditor.getContent());
    data.append('state', state);
    // 发布按钮被点击
    $.ajax({
      type: 'post',
      url: bignews.article_publish,
      data,
      contentType: false,
      processData: false,
      success(res) {
        console.log(res);
        if (res.code == 200) {
          location = './article_list.html';
        }
      }
    });
  }
  $('.btn-release').on('click', function () {
    submitPost('已发布');
  });
  $('.btn-draft').on('click', function () {
    submitPost('草稿');
  });
})